@(message: String)(implicit request: RequestHeader)
@import helper._
@main("Play with Scala.js",styles=styles,scripts=js) {
<div>
    <h2>Play and Scala.js share a same message</h2>
    <ul>
        <li><a href="@routes.HomeController.index()"><button>Home</button></a> </li>
        <li>Play shouts out: <em>@message</em></li>
        <li>Scala.js shouts out: <em id="scalajsShoutOut"></em></li>
        <li>Scala.js shouts out 1: <em id="scalajsShoutOut1"></em></li>
    </ul>
</div>
<div id="bindingDemo" accesskey="index">
    @CSRF.formField
</div>

}

@styles = {
<link rel="stylesheet" media="screen" href='@routes.Assets.versioned("semantic/semantic.css")'>
}

@js={
<script type="text/javascript" src='@routes.Assets.versioned("javascripts/jquery-3.2.1.min.js")'></script>
<script type="text/javascript" src='@routes.Assets.versioned("semantic/semantic.js")'></script>
}

